@charset "utf-8";
/* CSS Document */
BODY { COLOR:#333; padding:0;margin:0; font-size:14px; font-family:"微软雅黑","宋体","Arial";}
A { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none; FONT-SIZE:14px; COLOR:#333;}
A:hover { FONT-SIZE:14px; COLOR: #FF0000; TEXT-DECORATION: none}
img {border:0}
ul,li,dd,dt { list-style:none;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}

/* CSS 头部 */
.m { width:1200px; margin:0 auto}
.clear { clear:both}
#logo { width:680px; height:115px; float:left; margin:10px auto}
#tel { width:290px; height:61px; background:url(../images/tel.jpg) no-repeat left; float:right; margin:30px auto auto auto;}
#tel span { font-size:18px; margin-left:40px; width:260px; height:30px; display:block; line-height:28px;}

/*导航菜单*/
#nav {
	width:100%;
	height:65px;
	line-height:65px;
	background:#004b98;
	overflow:hidden;
}
#navMenu ul {
	width:1200px;
	height:65px;
	margin:0 auto;
	display:block;
	
}
#navMenu li {
	float:left;
	font-size:18px;
	width:150px;
	height:65px;
	line-height:65px;
}
#navMenu li a {
	color:#fff;
	text-align:center;
	display:block;
	font-size:18px;
	width:150px;
	height:65px;
	line-height:65px;
}

#navMenu li a:hover {
	color:#fff;
	background:#000
}
/*-------- 下拉菜单 --------------*/
.dropMenu {
	position:absolute;
	top:0;
	z-index:100;
	visibility:hidden;
	margin-top:-2px;
	border-top:0;
	background-color:#000;
	padding:4px;
	width:auto;
	height:40px;
	
}
.dropMenu li {
	float:left;
	width:130px;
	height:40px;
	line-height:40px;
}
.dropMenu li a {
	display:block;
	padding:5px 0 5px 12px;
	color:#fff;
}
.dropMenu a:hover {
	color:#ff0;
}


#full-screen-slider { width:100%; height:576px; float:left; position:relative; z-index:-9}
#slides { display:block; width:100%; height:576px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:540px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/*第一行*/
#abouts_bk { width:500px; height:360px; float:left; border:3px solid #004b98; margin:60px auto auto auto;position:relative; z-index:-9}
#abots_pic { width:580px; height:300px; float:left; position:absolute; z-index:9; margin:25px auto auto 120px}
#abots_pic img { width:580px; height:300px;}
#abouts_title { width:380px; height:100px; float:left; font-size:36px; color:#004b98; line-height:45px; text-align:center; margin:60px auto auto 140px}
#abouts_title span {font-size:24px; color:#000}
#abouts_text { width:400px; height:195px; overflow:hidden; background:#004b98; line-height:30px; font-size:12px; color:#fff; float:left; padding:10px; z-index:99; margin-left:180px;}
#abouts_text a{ font-size:12px; color:#fff}
#abouts_text a:hover{ font-size:12px; color:#ff0}

/*第二行*/
#pro_bg { width:100%; height:152px; background:url(../images/pro.jpg) no-repeat; float:left; margin-top:40px;}

#search_box { 
width: 300px; 
height: 31px;
float:left; 
margin:95px auto auto 265px;
} 
#search_box #s { 
float: left; 
padding: 0;  
border: 0; 
width: 230px;
height:31px;
line-height:31px;
background: none; 
font-size:14px; 
} 
#search_box #go { 
float: right; 
margin: 3px 4px 0 0; 
} 
#pro_tel { width:220px; height:45px; line-height:45px; float:right; font-size:28px; color:#FFF; font-weight:bold; margin:105px 210px auto auto}
#pro_fl { width:245px; height:435px; float:left; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#pro_fl ul { width:205px; height:435px; margin:10px 20px; padding:0; float:left}
#pro_fl li { width:205px; height:45px; line-height:45px; font-size:16px; text-indent:10px; float:left; background:url(../images/inco.jpg) no-repeat right; border-bottom:1px solid #ddd;}
#pro_fl li a{ font-size:16px;}

#pro_list { width:905px; height:435px; margin:25px 15px; float:left; padding:0}
#pro_list ul { width:905px; height:435px; margin:0; padding:0}
#pro_list li { width:210px; height:195px; margin:5px; float:left}
#pro_list li img { width:210px; height:155px;}
#pro_list li a:hover img { width:210px; height:155px;opacity:0.6;filter:alpha(opacity=60)}
#pro_list li span { width:210px; height:30px; margin-top:10px; line-height:30px; background:#333; text-align:center; display:block}
#pro_list li a span { width:210px; height:30px; display:block; color:#FFF}
#pro_list li a:hover span { color:#FF0}

/*第三行*/
.index_title { width:100%; height:135px; background:#dedede; float:left; margin-top:20px;}
.title_bt { width:240px; height:130px; margin:0 auto}
.title_bt p { width:240px; height:55px; line-height:55px; display:block; text-align: center; background:url(../images/index_title.jpg) no-repeat center bottom; float:left; font-size:30px; font-weight:bold}
.title_bt span { width:240px; height:45px; line-height:45px; display:block; text-align:center; font-size:20px; font-weight:bold; color:#004b98;}
.title_bt i { width:100px; height:30px; line-height:30px; background:#333; color:#FFF; display:block; border-radius:5px; margin:45px 60px auto 60px; float:left; font-style:normal; text-align:center}
.title_bt i a{  color:#FFF;}
.title_bt i a:hover{  color:#FF0;}

#left_news { width:580px; height:auto; margin:0; padding:0}
#left_news ul{ width:580px; height:auto; margin:0; padding:0}
#left_news li { width:580px; height:35px; line-height:35px; float:left; background:#efefef; margin:5px auto; text-indent:10px}
#left_news li span { float:right}

#left_tj { width:580px; height:100px; margin:20px auto 10px auto; float:left}
#left_tj i{ width:80px; height:80px;float:left; background:#004b98; color:#FFF; display:block; font-style:normal; font-size:18px; text-align:center; line-height:30px; padding:10px}
#left_tj span { width:460px; height:35px; line-height:35px; float:right; color:#F00; font-size:16px; font-weight:bold}
#left_tj span a{ color:#F00; font-size:16px; font-weight:bold; display:block}
#left_tj span a:hover{ color:#000; font-size:16px; font-weight:bold}
#left_tj p { width:460px; height:65px; line-height:30px; font-size:12px; display:block; float:right}

#right_news { width:580px; height:auto; margin:20px auto auto auto; padding:0; float:right}
#right_news ul { width:580px; height:auto; margin: auto; padding:0;}
#right_news li { width:580px; height:80px; float:left; margin:10px auto}
#right_news li img { width:120px; height:80px; float:left; padding:0 10px 0 0;}
#right_news li span { width:440px; height:30px; line-height:30px; float:right; font-weight:; font-size:16px}
#right_news li a span  { font-weight:; font-size:16px}
#right_news li p { width:440px; height:50px; line-height:25px; float:right; font-size:12px}

/*第四行*/
#ystitle { width:100%; height:110px; background:url(../images/ystitle.jpg) no-repeat center; float:left; margin:40px auto 20px auto;}
#ysbk { width:1200px; height:600px; border:1px solid #ddd; margin:0 auto}
.other-way-login {
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
	margin:20px auto;
	font-weight:bold
}
.other-way-login .line {
    display: inline-block;
    width: 100px;
    border: 1px solid #ddd;
}
.other-way-login .txt {
    color: black;
    vertical-align: middle;
    vertical-align: -20%;
    margin: 0 30px;
}
.blue { color:#0151a8 !important}
.ybys { float:right; margin:auto 50px auto auto !important;}
.ysbj { width:445px; height:auto; margin:auto auto auto 50px;}
.ysbj ul{ width:445px; height:auto; margin:auto; padding:0}
.ysbj li{ width:445px; height:130px; background:url(../images/ysbg.png) no-repeat center; float:left; margin:15px auto;color:#FFF}
.ysbj li img { width:210px; height:130px; float:left}
.ysbj li span { width:190px; height:90px; margin:30px 10px 10px 10px; float:left; font-size:12px; font-weight:normal; line-height:18px}
.ysbj li span p { font-size:16px; font-weight:bold; line-height:30px;}
#vs { width:100px; height:50px; line-height:50px; font-size:60px; font-weight:bold;}

#index_pro { width:1200px; height:260px; margin:0; padding:0}
#index_pro img{ width:320px; height:230px; margin:auto 10px;}
#index_pro a:hover img{ width:320px; height:230px; opacity:0.6;filter:alpha(opacity=60);}
#index_text { width:320px; height:30px; line-height:30px; display:block; text-align:center;font-size:14px; color:#666;}
#index_text span a { font-size:14px; color:#666;}
#index_text span a:hover  { font-size:14px; color:#f00;}

.bottom_nv{width:100%; height:40px; background:#004b98; border-bottom:1px solid #bfdafc; float:left; margin-top:20px;}
.bottom_nv ul{width:1200px; margin:0 auto; padding:0}
.bottom_nv li{list-style:none; float:left; line-height:40px; width:128px; height:40px; text-align:center;}
.bottom_nv li a{display:block; font-size:16px; color:#fff}
.bottom_nv li a:link{display:block}
.bottom_nv li a:hover{ color:#FF0}
#banquan {width:100%; height:120px; background:#004b98;float:left; padding-top:20px; text-align:center; line-height:30px; color:#FFF}
#banquan a {color:#FFF}
#banquan a:hover {color:#FF0}
#bt_logo { width:87px; height:104px; background:url(../images/bottomlogo.png) no-repeat center; float:left}

/*内页部分*/
#second_banner { width:100%; height:320px; float:left}
#second_left { width:250px; float:left; margin-top:20px;}
#second_right { width:930px; float:right; margin-top:20px;}
#second_nv { width:248px; float:left; margin:0 ; padding:0; border:1px solid #ddd; background:#fafafa;}
#second_nv ul { width:210px; float:left; margin:0 20px ; padding:0}
#second_nv li { width:210px; line-height:45px; float:left; border-bottom:1px dotted #ddd; float:left; font-size:16px; text-align:center}
#second_nv li a { font-size:16px; }
.nv_title { width:100%; height:65px; line-height:65px; text-align:center; background:#004b98; font-size:24px; font-weight:bold; text-align:center; float:left; color:#FFF}

#second_contact { width:250px; height:auto; margin-top:20px; float:left;} 
#left_contact { width:250px; min-height:280px; padding-top:200px;float:left; line-height:30px;background:url(../images/lx_bg.jpg) no-repeat top center;}

#right_title { width:100%; height:40px; line-height:40px; text-indent:15px; background:url(../images/c5.png) no-repeat left; border-bottom:1px solid #004b98; float:left}
#second_news { width:930px; height:auto; margin:10px auto; padding:0}
#secondt_news ul{ width:930px; height:auto; margin:0; padding:0}
#second_news li { width:930px; height:45px; line-height:45px; float:left; background:#efefef; margin:5px auto; text-indent:10px}
#second_news li span { float:right}

#pro_second { width:930px; height:auto; margin:25px 15px; float:left; padding:0}
#pro_second ul { width:930px; height:auto; margin:0; padding:0}
#pro_second li { width:260px; height:225px; margin:20px; float:left}
#pro_second li img { width:260px; height:195px;}
#pro_second li a:hover img { width:260px; height:195px;opacity:0.6;filter:alpha(opacity=60)}
#pro_second li span { width:260px; height:30px; margin-top:10px; line-height:30px; background:#333; text-align:center; display:block}
#pro_second li a span { width:260px; height:30px; display:block; color:#FFF}
#pro_second li a:hover span { color:#FF0}

#info { width:1160px; height:auto; margin:20px; float:left; line-height:30px}
#info img { max-width:1100px;}
#info h1 { width:100%; line-height:35px; text-align:center; font-size:24px; color:#000; font-weight:bold; color:#004b98}
#info_chick { width:100%; height:24px; float:left; font-size:12px; text-align:center; border-bottom:1px dotted #ddd; margin-top:10px;}
#info_next { width:100%; height:24px; float:left; border-top:1px dotted #ddd; margin:10px auto 20px auto;}


/* Basic Grey */
.basic-grey {
	margin:20px auto;
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px auto;
	border-radius: 0;
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 8px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #2780E3;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index: 2;
	color: #165ba8;
	background-color: #e6e6e6;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 3;
	color: #999999;
	background-color: #f5f5f5;
	border-color: #ddd;
	cursor: default
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #999999;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}
.pager {
	padding-left: 0;
	margin: 20px 0;
	list-style: none;
	text-align: center
}
.pager li {
	display: inline
}
.pager li>a, .pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0
}
.pager li>a:hover, .pager li>a:focus {
	text-decoration: none;
	background-color: #e6e6e6
}
.pager .next>a, .pager .next>span {
	float: right
}
.pager .previous>a, .pager .previous>span {
	float: left
}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
	color: #999999;
	background-color: #fff;
	cursor: not-allowed
}